.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
.head{
    .txh();
    width: 90%;
    .px2rem(height,100);
//  border: 1px solid darkblue;
    justify-content: space-between;
    align-items: center;
//  .px2rem();
    padding-left: 5%;
}
.swiper-slide{
    img{
        width: 100%;
    }
}
.aihao{
    .twtw{
        .txh();
         justify-content: space-between;
    align-items: center;
     
        li{
          img{
              .px2rem(padding-top,30);
              .px2rem(padding-left,10); 
          }
            p{
                text-align: center;
                .px2rem(font-size,30);
                .px2rem(line-height,50);
            }
        }
    }
}
.ain{
    width: 100%;
    .px2rem(height,90);
    background: #f6f6f6;
    p{
        .px2rem(font-size,33);
        .px2rem(padding-top,40);
        .px2rem(padding-left,40);
    }
}
.in{
    ul{
        .txh();
        flex-wrap: wrap;
        li{
            width: 25%;
        }
    }
}
.n{
    ul{
        li{
            .txh();
            width: 100%;
            .px2rem(height,114);
            justify-content: center;
             align-items: center;
             background: #f6f6f6;
             span:nth-child(1){
                 .px2rem(font-size,38);
                 text-align: center;
             }
             span:nth-child(2){
                 .px2rem(padding-left,350);
               .px2rem(font-size,30);
color: darkgrey;
             }
        }
    }
}
.cai{
    width: 100%;
//  background:#cccccc;
    background: white;
    position: fixed;
    bottom: 0;
   .txh();
   justify-content: space-between;
   align-items: center;
  dt:hover{
        background: #333333;
    }
    dl{
      float: left;
//    .txh();
      text-align: center;
     .px2rem(padding-top,20);
//   .px2rem(padding-left,60);
     dd{
         .px2rem(line-height,50);
         .px2rem(font-size,30);
     }
    }
}